body {
    margin: 0;
}

/* MASTER LAYOUT */
#header {
    background-color: #222;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
}

#container {
    width: 1200px;
    margin: 0 0 0 5%;
}
#content {
    width: 70%;
    height: 500px;
}
#sidebar {
    /*background-color: #FFF;*/
    float: right;
}
#footer {
    background-color: #666;
}
#logo, #search, #userArea {
    display: inline-block;
    padding: 0;
    margin: 0;
} 
/* SIDEBAR */
#rateMeList {
    background-color: #FFF;
}
#rateMeList ul {
    list-style-type: none;
}
#rateMeList ul li {
    background-color: #FFF;
    border-width: 1px;
    border-style: solid;
    border-color: #FFF;
}
#rateMeList ul li:hover {
    background-color: #F1F1F1;
    border-width: 1px;
    border-style: solid;
    border-color: #CCC;
}
#rateMeList ul li table {
    width: 250px;
    border: 0;
    padding: 0;
    margin: 0;
}
#rateMeList ul li table tr, #rateMeList ul li table tr td {
    border: 0;
}
#rateMeList ul li img {
    width: 50px;
    height: 50px;
}
#rateMeList ul li span {
    margin: 0;
}

.user {
    background-color: orange;
}
.pass {
    background-color: blue;
}
.server {
    background-color: green;
}

.asking {
    margin: 0 -20px 5px -20px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-color: #EEE;
    padding: 5px 5px 5px 15px;
    background-color: #F8F8F8;
}
.center {
    text-align: center;
}
.progressbar {
	border: 1px solid #C3D0E1;
	padding : 0 1px;
	height : 29px;
	text-align : left;
}
.progressbar div {
	display : block;
	background : url(gfx/loading-2.gif) repeat left top transparent;
	height: 100%;
}
